<div class="grid-wrapper">
  <div class="grid">
    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
      <a href="/" class="site-title">
        <img
          src="/images/home-assistant-logo.svg"
          width="36"
          height="36"
          alt="Home Assistant"
        />
        <span>{{ site.title }}</span>
      </a>
    </div>

    <div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
      <nav>
        <input type="checkbox" id="toggle" />
        <label
          for="toggle"
          class="toggle"
          data-open="Main Menu"
          data-close="Close Menu"
        ></label>
        <ul class="menu pull-right">
          <li><a href="/getting-started/">Getting started</a></li>
          <li>
            <a href="/docs/"
              >Documentation <i class="icon icon-caret-down"></i
            ></a>
            <ul>
              <li><a href="/installation/">Installation</a></li>
              <li>
                <a href="/docs/configuration/">Configuration</a>
              </li>
              <li>
                <a href="/docs/automation/">Automation</a>
              </li>
              <li>
                <a href="/docs/scripts/">Scripting</a>
              </li>
              <li>
                <a href="/dashboards/">Dashboards</a>
              </li>
            </ul>
          </li>
          <li><a href="/integrations/">Integrations</a></li>
          <li><a href="/examples/">Examples</a></li>
          <li><a href="/blog/">Blog</a></li>
          <li><a href="/help/">Need help?</a></li>
          <li>
            <a href="#" class="show-search" aria-label="Show search" ><i class="icon-search"></i></a>
          </li>
        </ul>
      </nav>

      <div class="search-container" style="display: none">
        <div class="search">
          <i class="icon-search"></i>
          <input id="search" placeholder="Search the documentation…" />
          <a href="#" class="close"><i class="icon-remove-sign"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>
